﻿<style>
    .page{
        background-color: white;
    }
    .weui-cells:first-child {
       
    }
    .page_banner{
        background: linear-gradient(to right, rgba(254,121,84,0.8), rgba(254,121,84,1));;
    }
    .weui-cell{
        padding: 5px;
    }
    .item.weui-cells:before{
        border-top: none!important;
    }
    .item.weui-cells:after{
        border-bottom: none!important;
    }
    .text-normal{
        color: #999999;font-size: 1.5rem
    }
</style>
<div class="page js_show bg-default" ng-controller="OrderDetailCtrl" style="display: flex;flex-direction: column;min-height: 100vh; max-height: 100vh;">
    <div class="page_banner wrapper">
        <p class="m-t-sm" style="color: #ffffff;font-size: 2.5rem;font-weight: 500;letter-spacing: 2px">订单已预定</p>
        <p class="m-t-sm m-b-sm" style="font-size: 1.5rem;letter-spacing: 1.5px">预定时间:<span>{{orderDetails.BillHead.BillDateTime}}</span></p>
    </div>
    <div class="page-center wrapper">
        <p style="color: #333333; font-weight: bold;font-size: 2.3rem" class="m-b-sm">{{orderDetails.BillHead.ShopName}}</p>
        <div class="weui-cells m-t-none" ng-repeat="item in orderDetails.BillItems">
             <div class="weui-cell">
                <div class="weui-cell__bd">
                    <p>
                        <span ng-bind="item.ItemName"></span>
                    </p>
                 </div>
                <div class="weui-cell__ft">
                    <span> {{'￥' + item.ItemPrice}}</span>
                    <span data-bind="text: ' x ' + ItemCount">{{' x ' + item.ItemCount}}</span>
                </div>
            </div>
            <div class="weui-cell" ng-show="item.IsSetMeal">
                <div class="weui-cell__bd" style="overflow: hidden;">
                    <div class="item weui-cells " style="margin-top: -1px; margin-bottom: -1px" ng-repeat="itemSetMeal in item.SetMealItems">
                        <div class="weui-cell" style="font-size: 13px; color: #999999; ">
                            <div class="weui-cell__bd">
                                <span>{{itemSetMeal.ItemName}}</span>
                            </div>
                            <div class="weui-cell__ft">
                                x <span>{{itemSetMeal.ItemCount}}</span>
                            </div>
                        </div>
                    </div>

            </div>
        </div>
    </div>
        <!--<div class="m-t-sm m-b-sm" style="border-bottom: 1px solid #e5e5e5"></div>-->
        <div class="weui-flex" style="margin-top: 15px">
            <div class="weui-flex__item text-normal" >订单状态:</div>
            <div class="weui-flex__item text-right m-t-xs" style="">
                <span >订单已预定</span>
            </div>
        </div>
        <div class="weui-flex">
            <div class="weui-flex__item text-normal" >下单日期:</div>
            <div class="weui-flex__item text-right m-t-xs" style="">
                <span >2018/06/10 15:30</span>
            </div>
        </div>
        <div class="weui-flex">
            <div class="weui-flex__item text-normal" >订单编号:</div>
            <div class="weui-flex__item text-right m-t-xs" style="">
                <span >541128874</span>
            </div>
        </div>
        <div class="weui-flex">
            <div class="weui-flex__item text-normal" >支付方式:</div>
            <div class="weui-flex__item text-right m-t-xs" style="">
                <span >会员卡支付</span>
            </div>
        </div>
        <div class="weui-flex m-t-sm">
            <div class="weui-flex__item text-right" style="">
                <span style="color: #999999">合计:<span style="color: #FF6A6A;font-size: 2rem">￥36</span></span>
            </div>
        </div>

    </div>
</div>
